<template>
  <div>
     <!-- 轮播 -->
      <div class="h-bannerr"></div>
        <!-- <div class="a-carousel_box">
           <a-carousel arrows autoplay :dots="false">
              <div>
                 <img src="./../.././static/img/special/tetailers.jpg" alt="" />
              </div>
              <div>
                 <img src="./../.././static/img/special/tetailers.jpg" alt="" />
              </div>
            </a-carousel>
        </div> -->
        <!---->
        <div class="car-main-content">
          <div class="container-1200">
             <div class="title wy-m-t-20 wei_bottom">
                <p>首页 / 电商物流</p>
            </div>
          </div>
          <div class="retailers_bg  wei_retailers_bg">
            <div class="container-1200 retailers_bg2">
                 <!--电商切换-->
            <a-tabs >
              <a-tab-pane tab="精选电商" key="1" >
                 <ul style="overflow:hidden">
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang1.png" alt="">
                        <p>李宁官方商城</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang2.png" alt="">
                        <p>热风官方商城</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang3.png" alt="">
                        <p>环球捕手</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang4.png" alt="">
                        <p>唯品会</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang5.png" alt="">
                        <p>天猫商城</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang6.png" alt="">
                        <p>苏宁易购</p>
                      </nuxt-link>
                    </li>
                     <li class="retailers_li">
                        <nuxt-link to="../corp">
                          <img src="../../static/img/special/wuliu6.png" alt="">
                          <p>松松共享仓</p>
                        </nuxt-link>
                    </li>
                     <li class="retailers_li">
                        <nuxt-link to="../corp">
                          <img src="../../static/img/special/wuliu6.png" alt="">
                          <p>松松共享仓</p>
                        </nuxt-link>
                    </li>
                 </ul>

              </a-tab-pane>
              <a-tab-pane tab="电商物流" key="2">
                  <ul style="overflow:hidden">
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                          <img src="../../static/img/special/wuliu1.png" alt="">
                          <p>快达物流</p>
                      </nuxt-link>
                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                     <img src="../../static/img/special/wuliu2.png" alt="">
                       <p>胜欣物流</p>

  </nuxt-link>                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                     <img src="../../static/img/special/wuliu3.png" alt="">
                       <p>盛丰物流</p>

  </nuxt-link>                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                      <img src="../../static/img/special/wuliu4.png" alt="">
                       <p>港邦物流</p>

  </nuxt-link>                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                       <img src="../../static/img/special/wuliu5.png" alt="">
                       <p>易达通恒</p>

  </nuxt-link>                    </li>
                    <li class="retailers_li">
                      <nuxt-link to="../corp">
                       <img src="../../static/img/special/wuliu6.png" alt="">
                       <p>松松共享仓</p>
                      </nuxt-link>
                    </li>
                     <li class="retailers_li">
                      <nuxt-link to="../corp">
                       <img src="../../static/img/special/wuliu6.png" alt="">
                       <p>松松共享仓</p>
                      </nuxt-link>
                    </li>
                     <li class="retailers_li">
                      <nuxt-link to="../corp">
                       <img src="../../static/img/special/wuliu6.png" alt="">
                       <p>松松共享仓</p>
                      </nuxt-link>
                    </li>
                 </ul>
              </a-tab-pane>

            </a-tabs>
            </div>
          </div>
                    <div style="background:#f6f6f6; margin-bottom: -30px">
             <ul class="retailers_ad" style="width:1200px;overflow:hidden;margin:0 auto;"> 
                <li class="wy-m-r-20 zp-fl"><nuxt-link to="../corp"><img src="../../static/img/special/car1.jpg" alt=""></nuxt-link></li>
                <li class="wy-m-r-20 zp-fl"><nuxt-link to="../corp"><img src="../../static/img/special/car2.jpg" alt=""></nuxt-link></li>
                <li class="wy-m-r-20 zp-fl"><nuxt-link to="../corp"><img src="../../static/img/special/car3.jpg" alt=""></nuxt-link></li>
                <li class="wy-m-r-20 zp-fl"><nuxt-link to="../corp"><img src="../../static/img/special/car4.jpg" alt=""></nuxt-link></li>
                <li class="zp-fl"><nuxt-link to="../corp"><img src="../../static/img/special/car5.jpg" alt=""></nuxt-link></li>
             </ul>
          </div>
  
        </div>
  </div>
</template>
<script>

export default {
  
}
</script>

<style lang="scss">
@import "../../assets/css/index/index.scss";
@import "../../assets/css/special/dianshang.scss";
.wei_retailers_bg{
    padding-bottom:0;
    .retailers_li{
    width: 285px;
    height: 346px;
    margin-right: 20px;
    margin-left: 0;
    p{
      margin-top: 21px;
    }
    a{
      color: #000000;
    }
    img{
      width: 100%;
      height: 280px;
    }
  }
  ul li:nth-child(4n){
    margin-right: 0;
  }

}
  .retailers_ad{
    margin: 0;
    padding-bottom: 20px;
      padding-top:20px;
    background-color:#F6F6F6;
   li{
      width:220px;
      height:180px;
      margin-right: 25px;
      img{
         width: 100%;
         height: 100%;
      }
   }
   li:last-child{
    margin-right: 0;
   }
}
.wei_bottom{
  padding-bottom:5px;
  border-bottom: 1px solid #15837A;
}
.h-bannerr{
  width: 100%;
  height: 500px;
  background: url('~static/img/special/tetailers.jpg') center top / cover no-repeat;
}
</style>


